/*公共部分*/
*{margin: 0;padding: 0;}
body,html{
	width: 100%;
	height: 100%;
	background: #fff;
}
h1,h2,h3,h4,h5,h6{font-weight: normal;}
ul li{list-style: none;}
:-moz-placeholder { /* Mozilla Firefox 4 to 18 */
    color: #fff; opacity:1;
}
input,button,checkbox,radio{outline: none;}
::-moz-placeholder { /* Mozilla Firefox 19+ */
    color: #888;opacity:1;
}

input:-ms-input-placeholder{
    color: #888;opacity:1;
}

input::-webkit-input-placeholder{
    color: #888;opacity:1;
}
.container{
	position: relative;
	width: 100%;
	height: 100%;	
	background: #fff;
}

header{

	width: 100%;
	height: 0.78rem;
}
header i{
	width:0.27rem;
	height: 0.4rem;
	background: url(../image/back.png) center center no-repeat;
	background-size: 100% 100%;
	position: absolute;
	margin-top: 0.2rem;
	margin-left: 0.2rem;
}
header span{
	text-align: center;
	color: #fff;
	font: 0.32rem/0.78rem '';
	display: inline-block;
	position: absolute;
	margin-left: 0.5rem;
}
.top{
	height: 2.97rem;
	background: #1ab39c;
	width: 100%;
}
.logo{
	width: 1.38rem;
	height: 1.35rem;
	margin-left: 0.82rem;
}
.p1{
	width: 2.93rem;
	height: 0.38rem;
	font: 0.26rem/0.38rem '';
	position: absolute;
	margin-top: -1.35rem;
	margin-left: 3rem;
	color: #fff;
}
.p2{
	width: 2.93rem;
	height: 0.38rem;
	margin-left: 3rem;
	margin-top: -0.9rem;
	font: 0.26rem/0.38rem '';
	color: #fff;
}
.list{
	width: 5.16rem;
	margin:0.64rem auto;
	height: 3.5rem;
}
.list li{
	width: 1.22rem;
	height: 1.22rem;
	float: left;
	font-size: 0.22rem;
	text-align: center;
	color: #fff;
	border-radius: 0.2rem;
}
.list li i{
	/*width: 0.37rem;*/
	/*height: 0.43rem;*/
	display: block;

	background-size: 100% 100%;
	margin: auto;
	margin-top: 0.15rem;
	margin-bottom: 0.15rem;

}
.li1,.li2,.li4,.li5{
	margin-right: 0.75rem;
	margin-bottom: 0.46rem;
}
.li1{background:#ef7e30; }
.li2{background:#e9483d ;}
.li3{background:#8a6254 ;}
.li4{background:#2b95d3 ; }
.li5{background: #1ab39c;}
.li6{background:#d3d3d4; }
.li1 i{
	width: 0.37rem;
	height: 0.43rem;
	background: url(../image/icon10.png) center center no-repeat;
}
.li2 i{
	background: url(../image/icon11.png) center center no-repeat;
	width: 0.49rem;
	height: 0.29rem;
	margin-top: 0.28rem;
	margin-bottom: 0.3rem !important;
}
.li3 i{
	background: url(../image/icon12.png) center center no-repeat;
	width: 0.49rem;
	height: 0.44rem;
}
.li4 i{
	width: 0.47rem;
	margin-top: 0.25rem;
	height: 0.36rem;
	background: url(../image/icon13.png) center center no-repeat;
}
.li5 i{
	width: 0.39rem;
	height: 0.39rem;
	background: url(../image/icon14.png) center center no-repeat;
}
.li6 i{
	margin-top: 0.25rem;
	width: 0.47rem;
	height: 0.34rem;
	background: url(../image/icon15.png) center center no-repeat;
}
.exit{
	width: 2.93rem;
	height: 0.38rem;
	font: 0.26rem/0.38rem '';
	position: absolute;
	margin-top: -0.6rem;
	margin-left: 5.7rem;
	color: #fff;
}
